<!DOCTYPE html>
<html>
<head>
    <title>添加房间</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">

    <!-- Bootstrap -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/static/css/style_admin.css" rel="stylesheet" type="text/css">
    <link type="text/css" rel="stylesheet" media="all" href="/static/css/global.css" />
    <link type="text/css" rel="stylesheet" media="all" href="/static/css/global_color.css" />
    <link rel="stylesheet" href="/static/css/buttons.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--JavaScript-->
    <script language="javascript" type="text/javascript">
        //保存成功的提示消息
        function showResult() {
            showResultDiv(true);
            window.setTimeout("showResultDiv(false);", 3000);
        }
        function showResultDiv(flag) {
            var divResult = document.getElementById("save_result_info");
            if (flag)
                divResult.style.display = "block";
            else
                divResult.style.display = "none";
        }
    </script>
    <script src="/static/js/jquery-1.9.1.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>

    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- HTML start-->
<!--side start-->
<div class="side">
    <div class="logo">功能</div>
    <div class="sidemenu">
        <ul>
            <li>
                <a href="/admin/show_admin_index/{{.UserID}}">
                    <i class="ico i-nav1"></i>
                    <p>主界面</p>
                </a>
            </li>
            <li>
                <a href="/admin/show_admins_list/{{.UserID}}">
                    <i class="ico i-nav3"></i>
                    <p>用户数据库</p>
                </a>
            </li>
            <li>
                <a href="/admin/show_beds_list/{{.UserID}}">
                    <i class="ico i-nav2"></i>
                    <p>床位数据库</p>
                </a>
            </li>
            <li  style="background-color: #666666;">
                <a href="/admin/show_rooms_list/{{.UserID}}">
                    <i class="ico i-nav5"></i>
                    <p>房间数据库</p>
                </a>
            </li>
            <li>
                <a href="/admin/show_departments_list/{{.UserID}}">
                    <i class="ico i-nav4"></i>
                    <p>部门数据库</p>
                </a>
            </li>
            <li>
                <a href="/admin/index/{{.UserID}}">
                    <i class="ico i-nav8"></i>
                    <p>监控页面</p>
                </a>
            </li>
            <li>
                <a href="/admin/logout">
                    <i class="ico i-nav7"></i>
                    <p>退出登入</p>
                </a>
            </li>
        </ul>
    </div>
</div>
<!--side end -->
<!--header start-->
<div class="header clear">
    <div class="date-cont1 left">
        <span class="time">17:36</span>
        <p class="date">2015-09-02</p>
    </div>


    <div class="dropdown right head-dropdown">
        <a class="under-n head-droplink" id="dropdownMenu1" data-toggle="dropdown" >
            <span class="avtar"><img src="../static/img/avtar.jpg" ></span>
            Admin
            <i class="fa fa-chevron-down"></i>
        </a>
    </div>
</div>
<!--header end -->
<!--main start-->
<div class="main">
    <div class="pad20">
        <!--主要区域开始-->
        <div id="main-index">
            <div id="save_result_info" class="save_success">保存成功！</div>
            <div class="main-top">
                <p>添加床位</p>
            </div>
            <form action="/bed/add" method="post" class="main_form">
                <div class="text_info clearfix"><span>楼层：</span></div>
                <div class="input_info">
                    <input type="text"  class="width200"/>
                    <span class="required">*</span>
                    <div class="validate_msg_medium">20长度以内的汉字、字母、数字的组合</div>
                </div>
                <div class="text_info clearfix"><span>房间号：</span></div>
                <div class="input_info">
                    <input type="text"  class="width200" />
                    <span class="required">*</span>
                    <div class="validate_msg_medium">20长度以内的字母、数字和下划线的组合</div>
                </div>
                <div class="text_info clearfix"><span>地址：</span></div>
                <div class="input_info">
                    <input type="text"  class="width200" />
                    <span class="required">*</span>
                    <!--<div class="validate_msg_medium">30长度以内的字母、数字和下划线的组合</div>-->
                </div>
                <div class="text_info clearfix"><span>信息：</span></div>
                <div class="input_info">
                    <input type="password"  class="width200" />
                    <span class="required">*</span>
                    <!--<div class="validate_msg_medium">两次密码必须相同</div>-->
                </div>

                <div class="text_info clearfix"><span>部门：</span></div>
                <div class="input_info">
                    <select id="selModules" class="select_search">
                        <option>儿科</option>
                        <option>妇科</option>
                        <option>x科</option>
                        <option>xx科</option>
                    </select>
                </div>

                <div class="button_info clearfix">
                    <div class="buttons">
                        <button type="submit" class="button button-glow button-rounded button-raised button-primary"onclick="showResult();" />确定</button>
                        <button type="reset" class="button button-glow button-border button-rounded button-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>
        <!--主要区域结束-->


    </div>

</div>
<!--main end-->
</body>
</html>